<link rel="stylesheet" type="text/css" href="{$basePath}/css/MyFontsWebfontsOrderM3004233.css" />
<link rel="stylesheet" type="text/css" href="{$basePath}/css/keyboard/default.css" />
<link rel="stylesheet" media="screen,projection,tv" href="{$basePath}/systemApps/celebriomail/default.css" type="text/css" />
<script type="text/javascript" src="{$basePath}/js/libs/jquery.js"></script>
<script type="text/javascript" src="{$basePath}/js/apps/jquery-ajax.js"></script>
<script type="text/javascript" src="{$basePath}/js/libs/keyboard.js"></script>
<img src="{$basePath}/images/spinner_150.gif" class="invisible" />

<script type="text/javascript">
    var basePath = {$basePath};
    runCelebrioKeyboard({$full_lang});
    $(document).ready(function(){
	if (typeof document.body.onselectstart!="undefined")
	    document.body.onselectstart=function(){ return false }
	else if (typeof document.body.style.MozUserSelect!="undefined")
	    document.body.style.MozUserSelect="none";
	$(document.body).bind("contextmenu", function(e) {
            e.preventDefault();
	    return false;
        });
    });
    function celebriomailappLink(url) {
	$.getJSON(url, {}, function (payload) {
	    $("#celebriomailapp").html(payload.snippets["snippet--celebriomailappSnippet"]);
	});
	$("#celebriomailapp_contents").html('<img src="{!$basePath}/images/spinner_150.gif" alt="{!_"Loading"}" class="spinner150" />');
	return false;
    }
</script>
    
<div class="celebriomailapp" id="celebriomailapp">
{snippet celebriomailappSnippet}
    <div class="celebriomailapp_menu">
	<ul>
	    <li{if $activeLink=="compose"} id="celebriomailapp_menuactive"{/if}><a href="{link Default:compose}" onmousedown='celebriomailappLink({link Default:compose});' onclick="return false;" title="{!_'Compose'}"><div class="celebriomailapp_newbutton"><span>{!_'Compose'}</span></div></a></li>
	    <li{if $activeLink=="inbox"} id="celebriomailapp_menuactive"{/if}><a href="{link Default:default}" onmousedown='celebriomailappLink({link Default:default});' onclick="return false;" title="{!_'Inbox'}"><div class="celebriomailapp_inboxbutton"><span>{!_'Inbox'}</span></div></a></li>
	    <li{if $activeLink=="sent"} id="celebriomailapp_menuactive"{/if}><a href="{link Default:sent}" onmousedown='celebriomailappLink({link Default:sent});' onclick="return false;" title="{!_'Sent'}"><div class="celebriomailapp_sentbutton"><span>{!_'Sent'}</span></div></a></li>
	    <li{if $activeLink=="settings"} id="celebriomailapp_menuactive"{/if}><a href="{link Settings:settings}" onmousedown='celebriomailappLink({link Settings:settings});' onclick="return false;" title="{!_'Settings'}"><div class="celebriomailapp_settingsbutton"><span>{!_'Settings'}</span></div></a></li>
	</ul>
    </div>
    <div class="celebriomailapp_body" id="celebriomailapp_body">
	<div id="celebriomailapp_contents">
	@{include #content}
	</div>
    </div>
{/snippet}
</div>